<template>
	<div>
		<IMenu></IMenu>
		<div id="big_contain">
			<div class="big_contain1">
				<div class="index_ index_left">
					<Concise></Concise>
				</div>
				<div class="index_ index_right">
					<Info></Info>
				</div>
			</div>
			
			<div class="big_contain2">
					<Carousel v-model="value1" loop id="carousel">
				        <CarouselItem>
				            <div class="demo-carousel">
				            	<img src="../../../static/login_img/320032.jpg" class="Carousel_img"/>
				            </div>
				        </CarouselItem>
				        <CarouselItem>
				            <div class="demo-carousel">
				            	<img src="../../../static/login_img/320032.jpg" class="Carousel_img" />
				            </div>
				        </CarouselItem>
				        <CarouselItem>
				            <div class="demo-carousel">
				            	<img src="../../../static/login_img/320032.jpg" class="Carousel_img"/>
				            </div>
				        </CarouselItem>
				        <CarouselItem>
				            <div class="demo-carousel">
				            	<img src="../../../static/login_img/320032.jpg" class="Carousel_img"/>
				            </div>
				        </CarouselItem>
				    </Carousel>
				</div>
		</div>
	</div>
</template>
<script>
	import IMenu         from     './components/Menu'
	import Concise         from     './components/Concise'
	import Info         from     './components/Info'
	export default {
    	name: 'Index',
    	components: {
    	    IMenu,
    	    Concise,
    	    Info
		},
        data () {
            return {
            	 value1: 0
            }
        },
        methods: {
        	
        }
    }
</script>

<style>
	.headsize{
		font-size: 18px;
	}
	#big_contain{
		width: 100%;
		height: 700px;
		background: #F4F4F4;
	}
	.big_contain1{
		width: 1000px;
		height: 280px;
		position: relative;
		left: 50%;
		margin-left: -500px;
		display: flex;
		top: 15px;
	}
	.big_contain2{
		width: 1000px;
		height: 370px;
		position: relative;
		left: 50%;
		margin-left: -500px;
		margin-top: 20px;
	}
	.index_left{
		width: 700px;
	}
	.index_right{
		width: 280px;
		margin-left: 20px;
	}
	#carousel{
		width: 100%;
		height: 400px;
	}
	.index_img{
		width: 1000px;
	}
	.Carousel_img{
		width: 100%;
		height: 400px;
	}
</style>